<template>
  <!-- html结构 -->
    <Person v-if="isshow"></Person>
</template>

<script lang="ts" setup name="App">
  import Person from './components/Person.vue';
  import { ref,onBeforeMount,onMounted } from 'vue';
  let isshow = ref(true)

   // 挂载前
   onBeforeMount(()=>{
    console.log('父--挂载前');
  })

  // 挂载完毕
  onMounted(()=>{
    console.log('父--挂载完毕');  
  })


</script>

<style scoped>  
/* 加scoped,是局部样式，该里面的样式只应用于该文件上方的标签 */
/* CSS样式 */
</style>